<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">
    <style>
        #fm{margin-left: 200px;padding:8px;} .leftmenu{width: 200px;height: 100%;position: fixed;top:0;background-color: #20272a;}
        .leftmenu .ui-widget{font-size: 16px;}
        .leftmenu .ui-panelmenu-header,.leftmenu .ui-panelmenu-content{border:none;border-radius: 0;outline: none;}
        .leftmenu .ui-panelmenu .ui-panelmenu-header{font-size: 18px;background: #313b3f;border-top: solid 1px #404a4e;}
        .leftmenu .ui-panelmenu .ui-panelmenu-header.ui-state-active,.leftmenu .ui-panelmenu .ui-panelmenu-header.ui-state-active a{background: transparent;color:#9ba5ac;}
        .leftmenu .ui-panelmenu-content{background: none;padding: 0;}
        .leftmenu .ui-menu-list .ui-corner-all{border-radius: 0;}
        .leftmenu .ui-menu-list .ui-menuitem-link{padding-top: .5em;padding-bottom: .5em;}
        .leftmenu .ui-menu-list .ui-menuitem-link.ui-state-hover{background: #313b3f;color:#25AAE1;}
        .leftmenu .ui-state-default a{color:#9ba5ac;}.leftmenu .ui-widget-content a{color:#659eb3;}
        .leftmenu .ui-icon.ui-icon-triangle-1-e,.leftmenu .ui-state-active .ui-icon.ui-icon-triangle-1-s{background: none;text-indent: 0;color: #9ba5ac;width: 20px;height: 20px;margin-top: -10px;}
        .leftmenu .ui-icon.ui-icon-triangle-1-e:before,.leftmenu .ui-icon.ui-icon-triangle-1-s:before{font: normal normal normal 20px/1 FontAwesome;padding-left: 6px;display: block;-webkit-font-smoothing: antialiased;}
        .leftmenu .ui-icon.ui-icon-triangle-1-e:before{content: "\f0da";}.leftmenu .ui-icon.ui-icon-triangle-1-s:before{content: "\f0d7";}
    </style>
    <h:form id="menufm" styleClass="leftmenu">
        <h:panelGroup id="menutop" layout="block" style="height:60px;">
            <p:button outcome="/index.xhtml" title="主页" styleClass="tpbtn" icon="fa fa-home" 
                      style="font-size: 32px;color: #25AAE1;margin: 15px 0 0 10px;"/>
        </h:panelGroup>
        <p:panelMenu id="menu-main">
            <p:submenu label="基本设置">
                <p:menuitem outcome="/view/user.xhtml" value="用户"/>
                <p:menuitem outcome="/view/document.xhtml" value="文档"/>
                <p:menuitem outcome="/view/channel.xhtml" value="栏目"/>
                <p:menuitem outcome="/other/setShop.xhtml" value="shop"/>
            </p:submenu>
            <p:submenu label="大类别2">
                <p:menuitem url="http://www.baidu.com" value="页面1"/>
                <p:menuitem url="http://www.baidu.com" value="页面2"/>
                <p:menuitem url="http://www.baidu.com" value="页面3"/>
                <p:menuitem url="http://www.baidu.com" value="页面4"/>
            </p:submenu>
        </p:panelMenu>
    </h:form>
</ui:composition>
